<%--
  Created by IntelliJ IDEA.
  User: jinshi366
  Date: 2017/5/23
  Time: 18:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<style>
    body {background:url(${pageContext.request.contextPath}/image/bj.jpg) top center no-repeat;
        background-size:cover;background-attachment:fixed;}
    #oneLeft {
        position:relative;
        width:220px;

        border:2px solid #8d4ce7;
        z-index:0;
    }
    ul{

        position: absolute;
        color: #fdf069;
        text-align:center;

    }
    a{
        color: #fdf069;
    }
    a:hover{
        font-size:20px;
        color: #f9c722;
    }
</style>
<head>
    <title>jinshi366的个人Blog</title>
</head>
<body >

    <div  id="oneLeft">

        <ul>
            <li><a>1111111111111111111111</a></li>
            <li><a href="index.jsp">java编程思想在哪里？</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
            <li><a>11111111</a></li>
        </ul>

    </div>
    <div id="rel_div" style="width:300px; z-index:100; position:absolute;;
    right:20px; float:right; background:#eea; top: 400px; ">
        <input type="text" id = "s" name = "" style="width: 262px;" ><input type="submit" value="发送"><br>
        <textarea readonly rows="17" cols="47" id ="" style="background-color: #f9e8b1;"></textarea>


    </div>
</body>
<script type="javascript">

        $("#rel_div").css("top", $(document).scrollTop()+20 );//将滚动条高度赋给悬浮框。


</script>
</html>
